<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Security-Policy"
          content="default-src 'none'; style-src 'unsafe-inline'; img-src data:; connect-src 'self'">
    <title>404 Page not found</title>
    <style type="text/css" media="screen">body {
        background-color: #f1f1f1;
        margin: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .container {
        margin: 50px auto 40px auto;
        width: 600px;
        text-align: center;
    }

    a {
        color: #4183c4;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    h1 {
        width: 800px;
        position: relative;
        left: -100px;
        letter-spacing: -1px;
        line-height: 60px;
        font-size: 60px;
        font-weight: 100;
        margin: 0px 0 50px 0;
        text-shadow: 0 1px 0 #fff;
    }

    p {
        color: rgba(0, 0, 0, 0.5);
        margin: 20px 0;
        line-height: 1.6;
    }

    ul {
        list-style: none;
        margin: 25px 0;
        padding: 0;
    }

    li {
        display: table-cell;
        font-weight: bold;
        width: 1%;
    }

    .logo {
        display: inline-block;
        margin-top: 35px;
    }

    .logo-img-2x {
        display: none;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
        .logo-img-1x {
            display: none;
        }

        .logo-img-2x {
            display: inline-block;
        }
    }

    #suggestions {
        margin-top: 35px;
        color: #ccc;
    }

    #suggestions a {
        color: #666666;
        font-weight: 200;
        font-size: 14px;
        margin: 0 10px;
    }</style>
</head>
<body>
<div class="container">
    <p style="font-size: 120px;">404</p>
    <p><strong>File not found</strong></p>
    <p>
        The site configured at this address does not
        contain the requested file.
    </p>
    <p>
        If this is your site, make sure that the filename case matches the URL.<br>
        For root URLs (like <code>http://example.com/</code>) you must provide an
        <a href="javascript:"><code>index.html</code></a> file.
    </p>
    <div id="suggestions">
        <a href="javascript:">YiTong Status</a> &mdash;
        <a href="javascript:">@YiTong</a>
    </div>
    <a href="javascript:" class="logo logo-img-1x">
        <img width="32" height="32" title="" alt=""
             src=""></a>
</div>
</body>
</html>
